<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}
	a{
		color: black;
		text-decoration: none;
	}
	section{
		background-color: #F5F5F5; 
		width: 320px;
		height: 480px;
		margin: 0 auto;
		text-align: center;
	}
	p{
		line-height: 50px;	
	}
	input{
		width: 100px;
	}
	#getyzm{
		width: 70px;
		display: inline-block;
	}
	#number,#password{
		margin-left: -80px;
	}
	#return{
        margin-left: -300px;
        font-size: 25px;
    }
	</style>
	<!-- bootstrap的基础样式表-->
	<link rel="stylesheet" href="js/plugins/plugins/bootstrap/css/bootstrap.min.css">
	<!--  分页插件的样式表 -->
	<link rel="stylesheet" href="js/plugins/plugins/angularjs/pagination.css">
	<!--  angularjs的基础文件-->
	<script type="text/javascript" src="js/plugins/plugins/angularjs/angular.min.js"></script>
	<!--导入基础模块-->
	<script src="js/base.js"></script>
	<!--导入前端服务层JS-->
	<script src="js/service/msqbService.js"></script>
	<!--导入前端控制层JS-->
	<script src="js/controller/registerController.js"></script>
</head>
<body ng-app="msqbapp" ng-controller="registerController">
	<section>
		<p><a href="phoneLogin.html" id="return"><</a></p>
		<p id="number">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:
			<input type="tel" required=required placeholder="请输入手机号" pattern="^1[3456789]\d{9}$" ng-model="userBean.telNumber">
		</p>
		<p>验&nbsp;证&nbsp;码:
			<input type="text" required=required placeholder="请输入验证码" pattern="^\d{6}$" ng-model="smscode">
			<input type="button" value="获取验证码" id="getyzm" ng-click="getSMSCode()">
		</p>
		<p id="password">设置密码:
			<input type="password" required=required placeholder="设置6-12位密码" pattern="^\w{6,12}$" ng-model="userBean.userPass">
		</p>
		<p>
				<input type="button" value="保存" ng-click="register()"/>
			</a>
			<input type="reset" />
		</p>
	</section>
</body>
<script>
	var getyzm=document.getElementById("getyzm");
	var num=30;
	getyzm.onclick=function(){            
		setInterval(function(){
			if(num>=0){
				getyzm.disabled="disabled";
				getyzm.value=num+"秒";
				num--;
			}else{
				getyzm.disabled=false;
				getyzm.value="获取验证码";
			}
		},1000);
	}
</script>
</html>
